<template>
  <div class="shengmu2 base-background-img">
    <div class="jiachongdongwu">
      <router-link :to="{name: 'video', query: {name: 'ar', data: jiachongdongwu, compoent: 'ar-ar2'}}">
        <img src="~@/assets/ar/2/jiachongdongwu.png">
      </router-link>
    </div>
    <div class="yeshengdongwu">
      <router-link :to="{name: 'video', query: {name: 'ar', data: yeshengdongwu, compoent: 'ar-ar2'}}">
        <img src="~@/assets/ar/2/yeshengdongwu.png">
      </router-link>
    </div>
    <div class="konglongshijie">
      <router-link :to="{name: 'video', query: {name: 'ar', data: konglongshijie, compoent: 'ar-ar2'}}">
        <img src="~@/assets/ar/2/konglongshijie.png">
      </router-link>
    </div>
    <div class="haiyangdongwu">
      <router-link :to="{name: 'video', query: {name: 'ar', data: haiyangdongwu, compoent: 'ar-ar2'}}">
        <img src="~@/assets/ar/2/haiyangdongwu.png">
      </router-link>
    </div>
    <div class="jiaotonggongju">
      <router-link :to="{name: 'video', query: {name: 'ar', data: jiaotonggongju, compoent: 'ar-ar2'}}">
        <img src="~@/assets/ar/2/jiaotonggongju.png">
      </router-link>
    </div>
    <div class="shijiemingzhi">
      <router-link :to="{name: 'video', query: {name: 'ar', data: shijiemingzhi, compoent: 'ar-ar2'}}">
        <img src="~@/assets/ar/2/shijiemingzhi.png">
      </router-link>
    </div>
  </div>
</template>

<script>
  import STATICPATH from '../../config.js'
  export default {
    name: 'ar2',
    data () {
      return {
        jiachongdongwu: {
          videosrc: STATICPATH + '/ar/jiachongdongwu/dog.mp4',
          chinesesrc: STATICPATH + '/ar/jiachongdongwu/dog_chinese.mp3',
          englishsrc: STATICPATH + '/ar/jiachongdongwu/dog_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/jiachongdongwu/dog_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/jiachongdongwu/dog_baike.mp3'
        },
        yeshengdongwu: {
          videosrc: STATICPATH + '/ar/yeshengdongwu/elep.mp4',
          chinesesrc: STATICPATH + '/ar/yeshengdongwu/elep_chinese.mp3',
          englishsrc: STATICPATH + '/ar/yeshengdongwu/elep_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/yeshengdongwu/elep_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/yeshengdongwu/elep_baike.mp3'
        },
        konglongshijie: {
          videosrc: STATICPATH + '/ar/konglong/konglong.mp4',
          chinesesrc: STATICPATH + '/ar/konglong/konglong_chinese.mp3',
          englishsrc: STATICPATH + '/ar/konglong/konglong_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/konglong/konglong_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/konglong/konglong_baike.mp3'
        },
        haiyangdongwu: {
          videosrc: STATICPATH + '/ar/haiyangdongwu/chou.mp4',
          chinesesrc: STATICPATH + '/ar/haiyangdongwu/chou_chinese.mp3',
          englishsrc: STATICPATH + '/ar/haiyangdongwu/chou_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/haiyangdongwu/chou_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/haiyangdongwu/chou_baike.mp3'
        },
        jiaotonggongju: {
          videosrc: STATICPATH + '/ar/jiaotonggongju/plane.mp4',
          chinesesrc: STATICPATH + '/ar/jiaotonggongju/plane_chinese.mp3',
          englishsrc: STATICPATH + '/ar/jiaotonggongju/plane_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/jiaotonggongju/plane_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/jiaotonggongju/plane_baike.mp3'
        },
        shijiemingzhi: {
          videosrc: STATICPATH + '/ar/shijiemingzhi/nvshen.mp4',
          chinesesrc: STATICPATH + '/ar/shijiemingzhi/nvshen_chinese.mp3',
          englishsrc: STATICPATH + '/ar/shijiemingzhi/nvshen_english.mp3',
          yinxiaosrc: STATICPATH + '/ar/shijiemingzhi/nvshen_yinxiao.mp3',
          baikesrc: STATICPATH + '/ar/shijiemingzhi/nvshen_baike.mp3'
        }
      }
    }
  }
</script>

<style scoped>
.shengmu2 > div {
  position: absolute; 
}
.jiachongdongwu {
  top: 150px;
  left: 290px;
}
.yeshengdongwu {
  top: 138px;
  left: 570px;
}
.konglongshijie {
  top: 137px;
  left: 850px;
}
.haiyangdongwu {
  left: 260px;
  top: 415px;
}
.jiaotonggongju {
  left: 560px;
  top: 466px;
}
.shijiemingzhi {
  left: 858px;
  top: 357px;
}
</style>
